<template>
    <div id='tmpl'>
        <!-- 1.0 轮播图：mintui中的swipe组件实现 -->
        <mt-swipe :auto="2000">
            <mt-swipe-item v-for="(item, index) in imgs" :key="index">
                <img :src="item.img">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    props: ['imgs'],
    data() {
        return {

        };
    }
}
</script>
<style lang="css" scoped>
/* 轮播图 */

.mint-swipe {
    height: 300px;
}

.mint-swipe-item {
    background-color: red;
    width: 100%;
    height: 300px;
}

.mint-swipe-item img {
    width: 100%;
}
</style>